<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>汉服荟商城，选购正品汉服</title>
	<link rel="stylesheet" href="../css/bootstrap.min.css">
	<link rel="stylesheet" href="../css/shopmall.css">
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script src="../bootstrap3/js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../js/bootstrap.min.js"></script>
</head>
<body>
<div class="header_top fixed-top">
        	<div class="top">
        	<div class="m_info">
        	<a class="logo" href="#"><img src="../mall_image/mall_logo.jpg"></a>
            <input type="text" class="search top" placeholder="请输入您要搜索的商品或店铺" />
            <a class="search_for" href="shopmall_in.html"><img src="../mall_image/search.jpg"></span></a>
            <span id="dlu"><a  href="reg.html">注册</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="login.html">登录</a></span>
		</div>
</div>
<div class="m_info">
<nav class="navbar navbar-expand-sm bg-light">
  <!-- Links -->
  <ul class="navbar-nav">
    <li class="nav-item">
      <a class="nav-link" href="../index.html">首页</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#H_nan">才子汉服</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#H_nv">佳人汉服</a>
    </li>
    <li class="nav-item"><a class="nav-link" href="##">关于我们</a></li>
  </ul>
 
</nav>
</div>
</div>
<div class="m_info mt20">
<!--轮播图-->
<div id="demo" class="carousel slide" data-ride="carousel">
  <!-- 指示符 -->
  <ul class="carousel-indicators">
    <li data-target="#demo" data-slide-to="0" class="active"></li>
    <li data-target="#demo" data-slide-to="1"></li>
    <li data-target="#demo" data-slide-to="2"></li>
    <li data-target="#demo" data-slide-to="3"></li>
  </ul>
 
  <!-- 轮播图片 -->
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img src="../mall_image/run0.png">
      <div class="carousel-caption">
        <h3></h3>
        <p></p>
      </div>
    </div>
    <div class="carousel-item">
      <img src="../mall_image/run1.png">
      <div class="carousel-caption">
        <h3></h3>
        <p></p>
      </div>
    </div>
    <div class="carousel-item">
      <img src="../mall_image/run2.png">
      <div class="carousel-caption">
        <h3></h3>
        <p></p>
      </div>
    </div>
  </div>
 <div class="carousel-item">
      <img src="../mall_image/run3.png">
      <div class="carousel-caption">
        <h3></h3>
        <p></p>
      </div>
 </div>
  <!-- 左右切换按钮 -->
  <a class="carousel-control-prev" href="#demo" data-slide="prev">
    <span class="carousel-control-prev-icon"></span>
  </a>
  <a class="carousel-control-next" href="#demo" data-slide="next">
    <span class="carousel-control-next-icon"></span>
  </a>
</div>
<!--商品！-->
<div class="def_product">
	<p class="title">本周热卖</p>
	<div class="def_product_list">
		<ul id="hot_sell">
			<li>
				<a href="#" target="_blank"><img src="../mall_image/webp" alt="丹墨  观其赋原创传统汉服女 立领琵琶袖上襦 一片式穿孔下裙">
				</a>
				<p class="price"><i>￥</i>89.00</p>
				<p class="name">
					<a href="#" target="_blank">丹墨 观其赋原创传统汉服女 立领琵琶袖上襦 一片式穿孔下裙</a>
				</p>
			</li>
			<li>
				<a href="#" target="_blank">
					<img src="../mall_image/webp(1)" alt="流烟昔泠 霜笙 袄裙 传统原创设计冬款绣花袄裙女装"></a>
				<p class="price"><i>￥</i>139.00</p>
				<p class="name">
					<a href="#" target="_blank">流烟昔泠 霜笙 袄裙 传统原创设计冬款绣花袄裙女装</a>
				</p>
			</li>
			<li>
				<a href="#s" target="_blank"><img src="../mall_image/webp(2)" alt="【流烟昔泠】传统汉服女装配饰绣花刺绣女头饰发带日常发饰"></a>
				<p class="price"><i>￥</i>19.80</p>
				<p class="name">
					<a href="https://www.hanfugou.com/product/27354?from=default" target="_blank">【流烟昔泠】传统汉服女装配饰绣花刺绣女头饰发带日常发饰</a>
				</p>
			</li>
			<li>
				<a href="#" target="_blank"><img src="../mall_image/webp(3)" alt="曲阑珊  观其赋原创汉服斗篷女长款加绒"></a>
				<p class="price"><i>￥</i>199.00</p>
				<p class="name">
					<a href="#" target="_blank">曲阑珊 观其赋原创汉服斗篷女长款加绒</a>
				</p>
			</li>
			<li>
				<a href="#" target="_blank"><img src="../mall_image/webp(4)" alt="黎落阁 渔歌子传统汉服女装绣花明制交领袄裙琵琶袖日常秋冬款"></a>
				<p class="price"><i>￥</i>166.00</p>
				<p class="name">
					<a href="#" target="_blank">黎落阁 渔歌子传统汉服女装绣花明制交领袄裙琵琶袖日常秋冬款</a>
				</p>
			</li>
			<li>
				<a href="#" target="_blank"><img src="../mall_image/webp(5)" alt="流烟昔泠 未央 原创秋冬传统汉服男女款鹤氅衣裳绣花刺绣"></a>
				<p class="price"><i>￥</i>98.00</p>
				<p class="name">
					<a href="#" target="_blank">流烟昔泠 未央 原创秋冬传统汉服男女款鹤氅衣裳绣花刺绣</a>
				</p>
			</li>
			<li>
				<a href="#" target="_blank"><img src="../mall_image/webp(6)" alt="发带青丝入画潮感发带趣味逗比佛系少女在下广东人汉服汉尚司南"></a>
				<p class="price"><i>￥</i>12.00</p>
				<p class="name">
					<a href="#" target="_blank">发带青丝入画潮感发带趣味逗比佛系少女汉服汉尚司南</a>
				</p>
			</li>
			<li>
				<a href="#" target="_blank"><img src="../mall_image/webp(7)" alt="秋季新原创汉服女大袖衫红色广袖齐胸襦裙古典汉服女日常清新百搭"></a>
				<p class="price"><i>￥</i>99.00</p>
				<p class="name">
					<a href="#" target="_blank">秋季新原创汉服女大袖衫红色广袖齐胸襦裙古典汉服女日常清新百搭</a>
				</p>
			</li>
		</ul>
	</div>
</div>
<div class="def_product">
	<p id="H_nv" class="title">佳人汉服</p>
	<div class="def_product_list">
		<ul id="female_sell">
			<li>
				<a href="#" target="_blank"><img src="../mall_image/webp(8)" alt="华姿仪赏明月光  原创设计汉服齐胸大袖衫秋冬新品女装 "></a>
				<p class="price"><i>￥</i>299.00</p>
				<p class="name">
					<a href="#" target="_blank">华姿仪赏明月光 原创设计汉服齐胸大袖衫秋冬新品女装 </a>
				</p>
			</li>
			<li>
				<a href="#" target="_blank"><img src="../mall_image/webp(9)" alt="青丝入画立领汉服齐腰襦裙绣花传统"></a>
				<p class="price"><i>￥</i>105.00</p>
				<p class="name">
					<a href="#" target="_blank">青丝入画立领汉服齐腰襦裙绣花传统</a>
				</p>
			</li>
			<li>
				<a href="#" target="_blank"><img src="../mall_image/webp(10)" alt="【流烟昔泠-南浔衫裙】原创秋冬款女绣花交领琵琶袖汉服"></a>
				<p class="price"><i>￥</i>147.00</p>
				<p class="name">
					<a href="#" target="_blank">【流烟昔泠-南浔衫裙】原创秋冬款女绣花交领琵琶袖汉服</a>
				</p>
			</li>
			<li>
				<a href="#" target="_blank"><img src="../mall_image/webp(11)" alt="汉尚华莲传统汉服女装昭阳凤凰绣花立领斜襟上袄搭配马面裙日常冬"></a>
				<p class="price"><i>￥</i>368.00</p>
				<p class="name">
					<a href="#" target="_blank">汉尚华莲传统汉服女装昭阳凤凰绣花立领斜襟上袄搭配马面裙日常冬</a>
				</p>
			</li>
			<li>
				<a href="#" target="_blank"><img src="../mall_image/webp(12)" alt="云梦 花朝记汉服原创 刺绣明制米黄交领袄暗红时装裙套装日常女装"></a>
				<p class="price"><i>￥</i>168.00</p>
				<p class="name">
					<a href="#" target="_blank">云梦 花朝记汉服原创 刺绣明制米黄交领袄暗红时装裙套装日常女装</a>
				</p>
			</li>
			<li>
				<a href="#" target="_blank"><img src="../mall_image/webp(13)" alt="华姿仪赏 梨花香 原创设计汉服女装日常交领齐腰"></a>
				<p class="price"><i>￥</i>260.00</p>
				<p class="name">
					<a href="#" target="_blank">华姿仪赏 梨花香 原创设计汉服女装日常交领齐腰</a>
				</p>
			</li>
			<li>
				<a href="#" target="_blank"><img src="../mall_image/webp(14)" alt="都城南庄原创汉服女马面下裙玉惊凤秋冬季新款印花渐变日常"></a>
				<p class="price"><i>￥</i>199.00</p>
				<p class="name">
					<a href="#" target="_blank">都城南庄原创汉服女马面下裙玉惊凤秋冬季新款印花渐变日常</a>
				</p>
			</li>
			<li>
				<a href="#" target="_blank"><img src="../mall_image/webp(15)" alt="都城南庄汉服冬季新品叶知秋原创绣花姜黄色下裙明制袄裙交领套装"></a>
				<p class="price"><i>￥</i>248.00</p>
				<p class="name">
					<a href="#" target="_blank">都城南庄汉服冬季新品叶知秋原创绣花姜黄色下裙明制袄裙交领套装</a>
				</p>
			</li>
		</ul>
	</div>
</div>
<div class="def_product">
	<p id="H_nan" class="title">才子汉服</p>
	<div class="def_product_list">
		<ul id="male_sell">
			<li>
				<a href="#" target="_blank"><img src="../mall_image/webp(16)" alt="溪春堂【如玉】雪纺纱原创设计 传统汉服 明制道袍 男装汉服"></a>
				<p class="price"><i>￥</i>108.00</p>
				<p class="name">
					<a href="#" target="_blank">溪春堂【如玉】雪纺纱原创设计 传统汉服 明制道袍 男装汉服</a>
				</p>
			</li>
			<li>
				<a href="#" target="_blank"><img src="../mall_image/webp(17)" alt="流烟昔泠 凌川 唐制圆领袍衫原创秋冬男女装情侣款汉服cp绣花日常"></a>
				<p class="price"><i>￥</i>228.00</p>
				<p class="name">
					<a href="#" target="_blank">流烟昔泠 凌川 唐制圆领袍衫原创秋冬男女装情侣款汉服cp绣花日常</a>
				</p>
			</li>
			<li>
				<a href="#" target="_blank"><img src="../mall_image/webp(18)" alt="【墨绯汉服】明制飞鱼服贴里【全款】预售！三色可选！"></a>
				<p class="price"><i>￥</i>28.00</p>
				<p class="name">
					<a href="#" target="_blank">【墨绯汉服】明制飞鱼服贴里【全款】预售！三色可选！</a>
				</p>
			</li>
			<li>
				<a href="#" target="_blank"><img src="../mall_image/webp(19)" alt="【流烟昔泠-风霁直裰】秋冬款原创传统汉服男女cp绣花"></a>
				<p class="price"><i>￥</i>198.00</p>
				<p class="name">
					<a href="#" target="_blank">【流烟昔泠-风霁直裰】秋冬款原创传统汉服男女cp绣花</a>
				</p>
			</li>
			<li>
				<a href="#" target="_blank"><img src="../mall_image/webp(20)" alt="流烟昔泠 凌川 秋款传统汉服情侣男女cp绣花裋褐短打"></a>
				<p class="price"><i>￥</i>198.00</p>
				<p class="name">
					<a href="#" target="_blank">流烟昔泠 凌川 秋款传统汉服情侣男女cp绣花裋褐短打</a>
				</p>
			</li>
			<li>
				<a href="#" target="_blank"><img src="../mall_image/webp(21)" alt="【流烟昔泠-御风】原创秋冬款汉服印花男女cp贴里飞鱼服"></a>
				<p class="price"><i>￥</i>599.00</p>
				<p class="name">
					<a href="#" target="_blank">【流烟昔泠-御风】原创秋冬款汉服印花男女cp贴里飞鱼服</a>
				</p>
			</li>
			<li>
				<a href="#" target="_blank"><img src="../mall_image/webp(22)" alt="溪春堂【颜玉】原创设计 明制道袍男装披风传统汉服中国风"></a>
				<p class="price"><i>￥</i>250.00</p>
				<p class="name">
					<a href="#" target="_blank">溪春堂【颜玉】原创设计 明制道袍男装披风传统汉服中国风</a>
				</p>
			</li>
			<li>
				<a href="#" target="_blank"><img src="../mall_image/webp(23)" alt="重回汉唐汉服男装旷世中国风绣花大氅秋冬季日常外套情侣装"></a>
				<p class="price"><i>￥</i>346.00</p>
				<p class="name">
					<a href="#" target="_blank">重回汉唐汉服男装旷世中国风绣花大氅秋冬季日常外套情侣装</a>
				</p>
			</li>
		</ul>
	</div>
</div>
	<div class="line_on">
		<a href="#" target="_blank"><img src="../mall_image/088b331f59d74d43a16052d8360525b6.png"></a>
	</div>
</div>
<!--底部-->
<footer>
	<p>
        <a href="/" target="_blank">关于我们</a><i>|</i><a href="/" target="_blank">商家入驻</a><i>|</i><a href="/" target="_blank">入驻协议</a><i>|</i><a href="#" target="_blank">新手指南</a><i>|</i><a href="/copyright/?action=cooperation"
																																														   target="_blank">商务合作</a><i>|</i><a href="" target="_blank">汉服荟</a>
    </p>
    <p class="copyright">
        <a href="/" class="ebs" target="_blank"></a>CopyRight ©2018 珠海市达内汉服网络科技有限公司 版权所有 <a href="" target="_blank">粤ICP备14084884号-1</a> 电话：0888-8888888
    </p>
</footer>
<!-------------------------js代码json----------------------------->
<script type="text/javascript">
    $(document).ready(function () {
        showHot();
        showFemale(101);
        showMale(102);
        //
        var url = "../user/info.do";
        //发出ajax请求并处理结果。
        $.ajax({
            "url": url,
            "type": "POST",
            "dataType": "json",
            "success": function (json) {
                var user = json.data;
                console.log(json.data.avatar);
                var reLogin="&nbsp;<a href=\"home.html\">[个人中心]</a><a href=\"javascript:toback()\">[退出]</a>";
                $("#dlu").html(user.username+reLogin);
                $.cookie("avatar",json.data.avatar,{
                    expires : 7
                });
            }
        });
    });
    function toback() {
        var url = "../user/toback";
        //发出ajax请求并处理结果。
        $.ajax({
            "url": url,
            "type": "POST",
            "dataType": "json",
            "success": function (json) {
                if(json.state==200){
                    window.location.href = "login.html";
                }
            }
        });
    }

    /*商品热卖*/
    function showHot() {
        var url = "../goods/hot";
        $.ajax({
            "url": url,
            "type": "GET",
            "dataType": "json",
            "success": function(json) {
                $("#hot_sell").empty();
                var list = json.data;

                for (var i = 0; i < list.length; i++) {
                    console.log("热卖："+list[i].price);
                    var html = '<li> <a href="product.html?id=#{id}" target="_blank"><img src="..#{image}" alt="#{title}"> </a> ' +
                        '<p class="price"><i>￥</i>#{price}</p> <p class="name"> <a href="product.html?id=#{id}" target="_blank">#{title} </a></p> </li>';

                    html = html.replace(/#{id}/g, list[i].id);
                    html = html.replace(/#{title}/g, list[i].title);
                    html = html.replace(/#{price}/g, list[i].price);
                    html = html.replace(/#{image}/g, list[i].image);

                    $("#hot_sell").append(html);
                }
            }
        });
    }
    /*佳人汉服*/
    function showFemale(id) {
        var url = "../goods/list/"+id;
        $.ajax({
            "url": url,
            "type": "GET",
            "dataType": "json",
            "success": function(json) {
                $("#female_sell").empty();
                var list = json.data;

                for (var i = 0; i < list.length; i++) {
                    console.log("佳人："+list[i].price);
                    var html = '<li> <a href="product.html?id=#{id}" target="_blank"><img src="..#{image}" alt="#{title}"> </a> ' +
                        '<p class="price"><i>￥</i>#{price}</p> <p class="name"> <a href="product.html?id=#{id}" target="_blank">#{title} </a></p> </li>';

                    html = html.replace(/#{id}/g, list[i].id);
                    html = html.replace(/#{title}/g, list[i].title);
                    html = html.replace(/#{price}/g, list[i].price);
                    html = html.replace(/#{image}/g, list[i].image);

                    $("#female_sell").append(html);
                }
            }
        });
    }
    /*才子汉服*/
    function showMale(id) {
        var url = "../goods/list/"+id;
        $.ajax({
            "url": url,
            "type": "GET",
            "dataType": "json",
            "success": function(json) {
                $("#male_sell").empty();
                var list = json.data;

                for (var i = 0; i < list.length; i++) {
                    console.log("才子："+list[i].title);
                    var html = '<li> <a href="product.html?id=#{id}" target="_blank"><img src="..#{image}" alt="#{title}"> </a> ' +
                        '<p class="price"><i>￥</i>#{price}</p> <p class="name"> <a href="product.html?id=#{id}" target="_blank">#{title} </a></p> </li>';

                    html = html.replace(/#{id}/g, list[i].id);
                    html = html.replace(/#{title}/g, list[i].title);
                    html = html.replace(/#{price}/g, list[i].price);
                    html = html.replace(/#{image}/g, list[i].image);

                    $("#male_sell").append(html);
                }
            }
        });
    }

</script>



 <!--<div class="fixed-btn">
    <a class="go-top" href="#" title="返回顶部"> <i class="fa fa-angle-up"></i></a>
    <a class="qrcode" href="#" title="关注我们"><i class="fa fa-qrcode"></i></a>
    <a class="writer" style="display:none" href="javascript:void(0)" title="标记/收藏"><i class="fa fa-star" aria-hidden="true"></i></a>
    <!-- qrcode modal -->
    <!--<div id="bottom-qrcode" class="modal panel-modal hide fade in">
      <h4>微信关注</h4>
      <div class="panel-body"><img alt="微信关注" width="128" height="128" src="../mall_image/"></div> 
    </div>
  </div>      -->-->


      
</body>
</html>